<template>
  <div class="app">
    <foot :arr="arr" :isactive="active" :bgc="'red'"></foot>
    <foot :arr="arr" :isactive="active" :bgc="'skyblue'"></foot>
  </div>
</template>
<script>
import foot from './components/footerCom.vue'
export default {
  name: '',
  components: {
    foot
  },
  data () {
    return {
      arr: [
        { id: 1, name: '首页', img: 'https://ecmb.bdimg.com/tam-ogel/98303318_1950630882_259_194.png' },
        { id: 2, name: '店铺', img: 'https://ecmb.bdimg.com/tam-ogel/98303318_1950630882_259_194.png' },
        { id: 3, name: '旅游', img: 'https://ecmb.bdimg.com/tam-ogel/98303318_1950630882_259_194.png' },
        { id: 4, name: '我的', img: 'https://ecmb.bdimg.com/tam-ogel/98303318_1950630882_259_194.png' },
      ],
      active: 'color: red'
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
  }
}
</script>
<style lang='less'  scoped>
</style>
